import React from 'react'

export function Button({ children, onClick, className = '', variant, size, disabled, ...rest }) {
  const base = {
    padding: '8px 12px',
    borderRadius: 8,
    border: 'none',
    cursor: disabled ? 'not-allowed' : 'pointer',
  }
  const style = { ...base }
  return (
    <button style={style} className={className} onClick={onClick} disabled={disabled} {...rest}>
      {children}
    </button>
  )
}

export default Button
